<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>我发起的-编辑</title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/styleReset.css">

    <link rel="stylesheet" href="../../css/knowledge.css">
</head>
<body class="konwledge-add-body">
<div class="konwledge-add">

    <div class="content-box">
        <!--塞内容位置-->
        <div class="all-info-content">
            <!--左侧编辑功能 start-->
            <div class="pull-left content-left-part">
                <div class="card card-add-left" id="leftEditContent">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="input1" class="col-xs-3 control-label">所属目录:</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="input1" placeholder="" value="知识库2>房产税>房地产">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="input2" class="col-xs-3 control-label">知识标题:</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="input2" placeholder="" value="房地产知识点标题">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="input3" class="col-xs-3 control-label">关键词:</label>
                            <div class="col-xs-9">
                                <textarea name="" id="input3" cols="30" class="form-control" rows="10" placeholder="最多100字，关键词由“，”隔开  例：个税起征点，个税免征额"></textarea>
<!--                                <input class="form-control" id="input3"  value="">-->
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="datetime" class="col-xs-3 control-label">失效日期:</label>
                            <div class="col-xs-9">
                                <input style="cursor:default" type="text" readonly name="qzq" id="datetime" class="Wdate form-control" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日',minDate:'2019-08-09'
                               })" value="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="input4" class="col-xs-3 control-label">自定属性:</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="input4" placeholder=""  value="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="property" class="col-xs-3 control-label">自定属性:</label>
                            <div class="col-xs-9">
                                <select name="" id="property" class="form-control">
                                    <option value=""></option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="uploadFile" class="col-xs-3 control-label">添加附件:</label>
                            <div class="col-xs-9">
                                <button type="button" class="btn default upload-btn" >
                                    选择文件
                                    <input type="file" id="uploadFile" onchange="getFilePath(1)">
                                </button>
                                <span class="showTip">未选择文件</span>
                            </div>
                        </div>
                        <div class="form-group relative-know">
                            <label for="input5" class="col-xs-3 control-label">关联知识:</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="input5" value="">
                                <button class="btn btn-primary pull-right" id="addAboutKnow">
                                    <img src="../../image/upload.png" alt="">
                                </button>
                            </div>
                        </div>
                        <div class="aboutknow-content">
                            <ul class="col-xs-offset-3 col-xs-9" id="aboutknow-items">
                                <li><span class="num">1.</span><span class="itemName">个人所得税</span> <span class="iconfont icon-off pull-right dele-about"></span></li>
                                <li><span class="num">2.</span><span class="itemName">小规模纳税</span> <span class="iconfont icon-off pull-right dele-about"></span></li>
                                <li><span class="num">3.</span><span class="itemName">关联知识</span> <span class="iconfont icon-off pull-right dele-about"></span></li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div class="form-group">
                            <label for="yuanziTemple" class="col-xs-3 control-label">原子模板:</label>
                            <div class="col-xs-9">
                                <select name="" id="yuanziTemple" class="form-control">
                                    <option value=""></option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--左侧编辑功能 end-->
            <!--右侧正文部分 start-->
            <div class="pull-right content-right-part bdLeft10">
                <div class="card card-add-right" id="rightEditContent">
                    <!--正文详情 start-->
                    <div class="main-body-detail">
                        <div class="title-header">正文详情</div>
                        <div id="tinydemo2" class="tinymceEditor"></div>
                        <!--保存按钮 -->
                    </div>
                    <!--正文详情 end-->
                    <!--知识原子 start-->
                    <div class="knowa-tom">
                        <div class="title-header">知识原子</div>
                        <div class="tool-bar">
                            <button type="button" class="btn btn-primary addyuanzi">新增原子</button>
                        </div>
                        <div class="data-list">
                            <table class="layui-table" lay-even="" lay-skin="nob">
                                <thead>
                                <tr>
                                    <th>原子名称</th>
                                    <th>创建人</th>
                                    <th>创建人工号</th>
                                    <th>创建时间</th>
                                    <th>排序</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody id="yuanziList">
                                    <!--赛表格的地方-->
                                </tbody>
                            </table>
                        </div>
                        <!--分页功能 start-->
                        <div id="yuanziListPage" class="page-box">

                        </div>
                        <!--分页功能 end-->
                    </div>
                    <!--知识原子 end-->

                </div>
            </div>
            <!--右侧正文部分 end-->

            <div class="clearfix"></div>
        </div>

        <div class="save-btn-content">
            <div class="form-group text-center">
                <button class="btn btn-primary rightsaveBtn">保 存</button>
                <button class="btn btn-default cancel-btn rightcancelBtn">取 消</button>
            </div>
        </div>
    </div>
</div>
<!--关联知识弹层模态框 start-->
<div class="modal fade" id="aboutknowModal" tabindex="-1" role="dialog" aria-labelledby="aboutModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="aboutModalLabel">关联知识</h4>
            </div>
            <div class="modal-body">
                <div class="madal-body-content madal-body-height">
                    <div class="left-rela-tree pull-left">
                        <div id="relaTree"></div>
                    </div>
                    <div class="right-rela-content pull-right">
                        <div class="search-content">
                            <div class="form-group">
                                <i class="iconfont icon-sousuo search-icon"></i>
                                <input type="text" class="form-control" placeholder="搜索关联知识" id="searchInput">
                            </div>
                        </div>
                        <div class="search-result-content">
                            <ul>
                                <li><input type="radio" name="relaknow" value="0"> 目录下关联知识点1</li>
                                <li><input type="radio" name="relaknow" value="1"> 目录下关联知识点2</li>
                                <li><input type="radio" name="relaknow" value="2"> 目录下关联知识点3</li>
                                <li><input type="radio" name="relaknow" value="3"> 目录下关联知识点4</li>
                                <li><input type="radio" name="relaknow" value="4"> 目录下关联知识点5</li>
                                <li><input type="radio" name="relaknow" value="5"> 目录下关联知识点6</li>
                                <li><input type="radio" name="relaknow" value="6"> 目录下关联知识点7</li>
                                <li><input type="radio" name="relaknow" value="7"> 目录下关联知识点8</li>
                                <li><input type="radio" name="relaknow" value="8"> 目录下关联知识点9</li>
                                <li><input type="radio" name="relaknow" value="9"> 目录下关联知识点10</li>
                                <li><input type="radio" name="relaknow" value="10"> 目录下关联知识点11</li>
                                <li><input type="radio" name="relaknow" value="11"> 目录下关联知识点12</li>
                                <li><input type="radio" name="relaknow" value="12"> 目录下关联知识点13</li>
                            </ul>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary saveRelaknowModel">确 定</button>
                <button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取 消</button>
            </div>
        </div>
    </div>
</div>
<!--关联知识弹层模态框 end-->
<!--新增原子模态框 start-->
<div class="modal fade" id="newyuanziModal" tabindex="-1" role="dialog" aria-labelledby="newModalLabel" align="center">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="newModalLabel">新增原子</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal madal-body-height">
                    <div class="form-group">
                        <label for="input1" class="col-xs-2 control-label">原子名称:</label>
                        <div class="col-xs-10">
                            <input type="text" class="form-control" id="yuanziInput1" placeholder="" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="yuanziInput2" class="col-xs-2 control-label">关键词:</label>
                        <div class="col-xs-10">
                            <textarea name="" id="yuanziInput2" cols="30" class="form-control" rows="5" placeholder="最多100字，关键词由“，”隔开  例：个税起征点，个税免征额"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="uploadFile" class="col-xs-2 control-label">添加附件:</label>
                        <div class="col-xs-10 text-left">
                            <button type="button" class="btn btn-default upload-btn">
                                选择文件
                                <input type="file" id="yuanzi-uploadfile" class="uploadfile-btn" onchange="getFilePath(2)">
                            </button>
                            <span class="showTip">未选择文件</span>
                        </div>
                    </div>
                    <div class="form-group search-about">
                        <label for="input5" class="col-xs-2 control-label">原子详情:</label>
                        <div class="col-xs-10">
                            <div class="tinymceEditor" style="height: 300px"></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary saveyuanziModel">确 定</button>
                <button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">取 消</button>
            </div>
        </div>
    </div>
</div>
<!--新增原子模态框 end-->
<script src="../../../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../../../plugins/bootstrap.js"></script>
<script src="../../../../plugins/layui/layui.js"></script>
<script src="../../../../plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../../../../plugins/tinymce/tinymce.min.js"></script>

<script src="../../js/knowledge-add.js"></script>


</body>
</html>
